// 布局尺寸
$layoutSidebarWidth: 222px;
$layoutSidebarCollapseWidth: 64px;
$layoutHeaderHeight: 60px;
$layoutTabbarHeight: 32px;

// $menuBgColor: #304156;
// $menuTextColor: #bfcbd9;
// $menuHover: #263445;
// $subMenuBg: #1f2d3d;
// $subMenuHover: #001528;
// $subMenuActiveText: #f4f4f5;

$menuBgColor: #001529;
$menuTextColor: #b2b2b2;
$menuHover: none;
$subMenuBg: #000c17;
$subMenuHover: #000701;
$subMenuActiveText: #e2e2e2;

// $menuBgColor: #202229;
// $menuTextColor: #999;
// $menuHover: #161518;
// $subMenuBg: #07090d;
// $subMenuHover: #000701;
// $subMenuActiveText: #fff;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  MENU_BG: $menuBgColor;
  MENU_TEXT_COLOR: $menuTextColor;
}
